/**************************************
 *
 * VLOOK CSS 基础库 (for GitHub Style Alert)
 * (配合 base.less 进行使用)
 *
 * V24.2
 * 2024-05-21
 * powered by MAX°孟兆
 *
 * QQ Group: 805502564
 * Telegram Channel: t.me/vlook_markdown
 * email: maxchow@qq.com
 *
 * https://github.com/MadMaxChow/VLOOK
 * https://gitee.com/madmaxchow/VLOOK
 *
 *************************************/

@alertTypePaddingTop4em: .5em;
#write .md-alert {
    border-radius: var(--v-r-b) !important;
    padding-top: @alertTypePaddingTop4em !important;
}

 // 生成 GitHub Style Alert 各类型相关样式（强调风格）
.genGitHubStyleAlertCssEm(@type, @accColor, @btnBg) {
    // 背景
    @alertTypePaddingTop4emLg: @alertTypePaddingTop4em + 2em; // 适配调整类型显示位置的高度
    #write .md-alert-@{type} {
        background: linear-gradient(180deg, ~"var(--ac-@{accColor})" @alertTypePaddingTop4emLg, ~"var(--ac-@{accColor}-a)" @alertTypePaddingTop4emLg, ~"var(--ac-@{accColor}-fade)") !important;
        border: @imgBorderWidth solid ~"var(--ac-@{accColor}-lg)" !important;
    }
    // GSA 内的引用微调
    #write .md-alert-@{type} @{quote_details} {
        background: ~"var(--d-bc)" !important;
        // background: ~"var(--ac-@{accColor}-fade)" !important;
        // border-radius: var(--v-r-s);
    }
    // 引用内的 GSA 微调
    #write @{quote_details} .md-alert-@{type} {
        border-radius: var(--v-r-b) !important;
    }
    // after 提示
    #write .md-alert-text-@{type} .md-meta {
        color: ~"var(--ac-@{accColor}-a)" !important;
        font-weight: normal !important;
        opacity: .5;
    }
    // 类型小标题
    #write .md-alert-text-@{type} {
        color: #FFFFFF !important;
    }
    .genGitHubStyleAlertCssBase(@type, @accColor, @btnBg);
}

// 生成强调风格
.genGitHubStyleAlertCssEm(note, bu, @accColorBlue);
.genGitHubStyleAlertCssEm(tip, gn, @accColorGreen);
.genGitHubStyleAlertCssEm(important, pu, @accColorPurple);
.genGitHubStyleAlertCssEm(warning, bn, @accColorBrown);
.genGitHubStyleAlertCssEm(caution, rd, @accColorRed);
